<!DOCTYPE html>
<!-- html 代表整个网页  -->
<html lang="en">
  <!-- 页面的头部，内部设置一些基础信息，css，标题等 -->
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 顶部的标题文本 -->
    <title>测试页面哦</title>
  </head>
  <body>
    <!-- 主要的内容 写在 body 的内部 -->
    <!-- h1 -h6 双标签 标题，数字越大，文字越小 -->
    <h1>震惊，新东方竟然教英语</h1>
    <h2>某知名记者暗访，新东方学校-发现:</h2>
    <h3>一堆人在念英语</h3>
    <h4>一堆人还在炒菜</h4>
    <h5>炒的是西兰花炒蛋</h5>
    <h6>真好吃~~~</h6>

    <!-- p 段落，文字的开头和结尾加间隙。p标签是一个整体 -->
    <!-- 么么哒 有一天，新东方的英语老师去食堂吃饭，看到厨师正在炒菜。 老师忍不住说：“You are cooking very well.（你炒菜炒得非常好。）” 厨师笑了笑，回答道：“Thank you, but I'm not only good at cooking, I
    also know how to say 'fried rice' in English.（谢谢，但我不仅擅长炒菜，我还知道‘炒饭’用英语怎么说。）” 老师好奇地问：“哦，那你说是什么？” 厨师得意地回答：“Rice which is fried.（被炒的米饭。）”
    老师听后哭笑不得。 希望这个笑话能让你开心！ 么么哒 -->

    <p>
      有一天，<strong>新东方</strong> 的英语老师去食堂吃饭，看到厨师正在炒菜。 老师忍不住说：“You are cooking very well.（你炒菜炒得非常好。）” 厨师笑了笑，回答道：“Thank you, but I'm not only good at
      cooking, I also know how to say 'fried rice' in English.（谢谢，但我不仅擅长炒菜，我还知道‘炒饭’用英语怎么说。）” 老师好奇地问：“哦，那你说是什么？” 厨师得意地回答：“Rice which is
      fried.（被炒的米饭。）” 老师听后哭笑不得。 <h1>希望这个笑话能让你开心！</h1>  
    </p>
    么么哒

    <!--3. strong 给特定的文本加粗 -->
    今年国庆休息 <strong>7天</strong>
  </body>
</html>